<go-back></go-back>
<div class="page-container">
  <div class="container pt72">
    <h1 class="center-align pt10">
      <a class="product-data-img" href="https://item.taobao.com/item.htm?id={{productInfo.numberId}}" target="_blank">
        <img [src]="productInfo.picUrl" class="w80" style="vertical-align: middle;">
      </a>
      <a class="linkHover" [title]="productInfo.title" href="https://item.taobao.com/item.htm?id={{productInfo.numberId}}" target="_blank" [innerHTML]="productInfo.title"></a>
    </h1>
    <mat-card>
      <mat-card-header>
        <mat-card-title>
          <a class="linkHover" [title]="productInfo.title" href="https://item.taobao.com/item.htm?id={{productInfo.numberId}}" target="_blank" [innerHTML]="productInfo.title"></a>
        </mat-card-title>
        <b fxFlex class="right-align ">{{'更新于'|translate}} {{productInfo.date | dateFormat}}</b>
      </mat-card-header>
      <mat-card-content>
        <table class="centered responsive-table small">
          <thead>
            <tr>
              <th>{{'类目'|translate}}</th>
              <th>{{'品牌'|translate}}</th>
              <th class="text-overflow" [title]="'日销售额'|translate">{{'日销售额'|translate}}</th>
              <th class="text-overflow" [title]="'日销售量'|translate">{{'日销售量'|translate}}</th>
              <th class="text-overflow" [title]="'价格'|translate">{{'价格'|translate}}</th>
              <th class="text-overflow" [title]="'近30天销售额'|translate">{{'近30天销售额'|translate}}</th>
              <th class="text-overflow" [title]="'近30天销售量'|translate">{{'近30天销售量'|translate}}</th>
              <th class="text-overflow" [title]="'近30天成交均价'|translate">{{'近30天成交均价'|translate}}</th>
              <th class="text-overflow" [title]="'所在城市'|translate">{{'所在城市'|translate}}</th>
              <th class="red-text text-overflow" [title]="'双11预售定金'|translate" *ngIf="productDoble.sellAmount>0">{{'双11预售定金'|translate}}</th>
              <th class="red-text text-overflow" [title]="'双11预售量'|translate" *ngIf="productDoble.sellAmount>0">{{'双11预售量'|translate}}</th>
              <th class="red-text text-overflow" [title]="'监控'|translate" *ngIf="productDoble.sellAmount>0">{{'双11预售额'|translate}}</th>
              <th>{{'监控'|translate}}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td [matTooltip]="productInfo.catName">{{productInfo.catName | categoryName}}</td>
              <td>{{productInfo.brandName || '-'}}</td>

              <td [matTooltip]="productInfo.sellMoney | number:'1.0-2'"><span class="tm-yen">¥</span>{{productInfo.sellMoney | bigNum}}</td>

              <td [matTooltip]="productInfo.sellAmount | number:'1.0'">{{productInfo.sellAmount |bigNum}}</td>

              <td><span class="tm-yen">¥</span>{{productInfo.price| number:'1.0-2'}}</td>
              <td [matTooltip]="productInfo.monthSellMoney |number:'1.0-2'"><span class="tm-yen">¥</span>{{productInfo.monthSellMoney | bigNum }}</td>
              <td [matTooltip]="productInfo.monthSellAmount | number:'1.0'">{{productInfo.monthSellAmount | bigNum}}</td>
              <td><span class="tm-yen">¥</span>{{productInfo.monthPrice | number:'1.0-2'}}</td>
              <td>{{productInfo.loc}}</td>
              <td *ngIf="productDoble.sellAmount>0" [matTooltip]="productDoble.dingJin">
                <span class="tm-yen">¥</span>{{productDoble.dingJin |number:0}}
              </td>
              <td *ngIf="productDoble.sellAmount>0" [matTooltip]="productDoble.sellAmount|number:0">{{productDoble.sellAmount |bigNum}}</td>
              <td *ngIf="productDoble.sellAmount>0" [matTooltip]="productDoble.sellMoney|number:0"><span class="tm-yen">¥</span>{{productDoble.sellMoney|bigNum}}</td>
              <td>
                <monitor-slide-toggel type="product" [data]="productInfo" [checked]="instest"></monitor-slide-toggel>
              </td>
            </tr>
          </tbody>
        </table>
      </mat-card-content>
    </mat-card>
    <en-mark></en-mark>
    <product-sell></product-sell>
    <!-- <product-month-history></product-month-history> -->
  </div>
</div>
